<template>
    <div>
        Fn组件
        <!-- <button @click="fn">click</button>  -->
        <!-- {{zi}} -->
        <!-- <br> -->
        <!-- 子组件 -->
        <!-- <slot>{{users}}</slot> -->
        <!-- <slot :users="users">默认内容1</slot> -->
        <slot name="foo" :users="users" :fee="fee"></slot>
        <slot :users="users" :fee="fee"></slot>
        <button @click="fn">click</button>
    </div>
</template>

<script>
    export default {
        // props:['zi'],
        data(){
            return{
                users: 'zhang',
                fee:'fee',
            }
        },
        methods:{
            fn(){
                this.$emit('clicks')
            }
        }
    }
</script>

<style scoped>

</style>